<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通正健康咨询智能管理系统</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="../css/reset.css" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/page-common.css" />
<link rel="stylesheet" href="../css/Smoke520Theme/jquery-ui-1.10.3.custom.css" />
</head>
<body>
<div id="page">
    <div id="header">
        <img class="logo" src="../img/logo.png" alt="logo" width="170" height="40" />
        <div id="login-bar">
            <a href="#">注销</a> | <a href="#">退出</a>
        </div>
    </div>
    <div class="info-bar">
        <span>2013/07/10(星期日)</span><span>通正公司 XX部门</span><span>李四</span>
    </div>
    
  <div id="nav"> 
    <ul id="nav-main" class="util-clearfix">
      <li class="first"><a href="home.html">首页</a></li>
      <li><a href="#" url-data="#nav2">量表管理</a></li>
      <li><a href="#" url-data="#nav3">订单管理</a></li>
      <li><a href="#" url-data="#nav4">问卷管理</a></li>
      <li><a href="#" url-data="#nav5">对策编辑</a></li>
      <li><a href="#" url-data="#nav7">咨询建议</a></li>
      <li><a href="#" url-data="#nav1">基础信息管理</a></li>
      <li><a href="#" url-data="#nav6">报告管理</a></li>
      <li><a href="#">报表中心</a></li>
    </ul>
    <div class="nav-sub util-clearfix"> 
      <div class="nav-sub-body" id="nav1"><a href="managePart.html">数据字典</a> | 
        <a href="manageDeparment.html">部门管理</a> | <a href="manageArchitecture.html">组织结构管理</a> 
        | <a href="manageUser.html">用户管理</a> | <a href="managePower.html">权限分配</a></div>
      <div class="nav-sub-body" id="nav2"><a href="manageTable.html">量表管理</a> 
        | <a href="manageTableType.html">类型管理</a> | <a href="manageFormula.html">公式管理</a> 
        | <a href="managePrice.html">价格管理</a> | <a href="manageExplain.html">解释管理</a> 
        | <a href="assignTable.html">量表分配</a> | <a href="managePool.html">题库管理</a> 
        | <a href="manageDimension.html">维度管理</a> | <a href="manageConstant.html">常维管理</a> 
        | <a href="imageTemplate.html">图解模板</a> | <a href="manageExpertSuggestion.html">专家建议</a></div>
      <div class="nav-sub-body" id="nav3"><a href="manageOrder.html">订单管理</a> 
        | <a href="managePackage.html">套餐管理</a> | <a href="manageQuote.html">报价管理</a> 
        | <a href="manageSchedule.html">进度计划管理</a> | <a href="manageCustomer.html">客户信息管理</a></div>
      <div class="nav-sub-body" id="nav4"><a href="questionnaire.html">新增问卷</a> 
        | <a href="questionnaireList.html">问卷列表</a></div>
      <div class="nav-sub-body" id="nav5"><a href="manageCountermeasureP">个人</a> 
        | <a href="manageCountermeasureC.html">公司</a> | <a href="manageCountermeasureD">部门</a></div>
      <div class="nav-sub-body" id="nav6"><a href="manageReport.html">报告管理</a></div>
      <div class="nav-sub-body" id="nav7"><a href="manageExpert.html">专家管理</a> 
        | <a href="manageCategory.html">咨询类别设置</a> | <a href="manageSuggestion.html">建议管理</a></div>
    </div>
  </div>
    
  <div id="content" class="util-clearfix"> 
    <div id="main1"> 
      <div class="report-box"> 
        <div class="report-box-title util-clearfix"> 
          <div class="title-text">组织结构列表</div>
          <div class="title-action"> <a href="#" id="add-btn" class="ui-button-page ui-button-normal ui-button-medium">设置部门上下级</a> 
          </div>
        </div>
        <div class="report-box-body"> 
          <div class="tab-contents1"> 
            <div class="seach-table"> 
              <table>
                <tr> 
                  <th width="60px">父部门</th>
                  <td width="100px"> <select>
                      <option>AAAAA</option>
                      <option>BBBBB</option>
                    </select> </td>
                  <th width="60px">子部门</th>
                  <td width="100px"> <select>
                      <option>CCCCC</option>
                      <option>DDDDD</option>
                    </select> </td>
                  <td><button class="ui-button-page ui-button-primary ui-button-medium" type="submit">查询</button>
                    <button class="ui-button-page ui-button-normal ui-button-medium" type="submit">树状图</button>
                    <button class="ui-button-page ui-button-normal ui-button-medium" type="submit">层次图</button></td>
                </tr>
              </table>
            </div>
            <div class="top-table"> 
              <table>
                <tr> 
                  <th width="50px">序号</th>
                  <th width="50px">编辑</th>
                  <th width="50px">删除</th>
                  <th>父部门</th>
                  <th>子部门</th>
                  <th>状态</th>
                  <th>有效日期</th>
                  <th>失效日期</th>
                </tr>
                <tr> 
                  <td>1</td>
                  <td><a href="#" class="editBtn"></a></td>
                  <td><a href="#" class="delBtn"></a></td>
                  <td>AAAAA</td>
                  <td>CCCCC</td>
                  <td>有效</td>
                  <td>07/01/2012</td>
                  <td>07/01/2013</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

    <div id="footer">Copyright &copy; 2007-2012 XXXXX Group Co.Ltd All Rights Reserved</div>
</div>

<div id="add-dialog" class="open-dialog" style="display:none">
    	<table width="100%">
        	<tr>
            	<th>父部门</th>
				<td>
					<select>
						<option>AAAAA</option>
						<option>BBBBB</option>
					</select>
				</td>
			</tr>
			<th>子部门</th>
				<td>
					<select>
						<option>CCCCC</option>
						<option>DDDDD</option>
					</select>
				</td>
			</tr>
			<tr>
				<th>状态</th>
				<td>
					<select>
						<option>有效</option>
						<option>无效</option>
					</select>
				</td>			
			</tr>
			<tr>
				<th>生效日期</th>
				<td><input type="text" class="datepicker ui-textfield ui-textfield-system" /></td>
			</tr>
			<tr>
				<th>失效日期</th>
				<td><input type="text" class="datepicker ui-textfield ui-textfield-system" /></td>
			</tr>
    	</table>        
</div>

<script src="../js/jquery-1.7.min.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js"></script>
<script>
    $(function(){
        $('.tab-titles li').click(function(){
            $('.tab-titles li').removeClass('active-tab');
            $(this).addClass('active-tab');
            var target = $(this).find('a').attr('href');
            $('.tab-contents').hide();
            $(target).show();
            return false;
        });

        $(".datepicker").datepicker();

        $("#add-dialog").dialog({
            autoOpen: false,
            width: 400,
            title: '设置部门上下级关系',
            modal: true,
            buttons:{
                '确定':function(){
                    $(this).dialog('close');
                },
                '返回':function(){
                    $(this).dialog('close');
                }
            }
        });
        
        $('#add-btn').click(function(){
            $("#add-dialog").dialog('open');           
        });

    });
</script>
</body>
</html>